<#assign ctx=request.contextPath/>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" href="${ctx}/css/common.css" />
		<link rel="stylesheet" href="${ctx}/css/home.css" />
		<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
		<script type="text/javascript" src="${ctx}/js/common.js"></script>
		<script type="text/javascript" src="${ctx}/js/banner.js"></script>
	</head>
	<body>
		<!--头部-->
		<div class="header">
			<#include "common/top.html">
			<#include "common/shoplist.html">
		</div>
		
		<!--内容-->
		<div class="middle">
			<div class="banner">
				<div class="wrapper">
					<img class="active" src="${ctx}/img/banner1.jpg" alt="banner1" />
					<img src="${ctx}/img/banner2.jpg" alt="banner2" />
					<img src="${ctx}/img/banner3.jpg" alt="banner3" />
				</div>
				<div class="squares">
					<span class="turn"></span>
					<span></span>
					<span></span>
				</div>
			</div>
			<!-- 轮播图下的四张图片 -->
			<div class="promotion_pro">
				<ul>
				<#list shops as shop> 
					<li>
						<img src="${ctx}/img/upload/${shop.image}" alt="promotion_pro_1">
						<div>
							<a href="${ctx}/customer/shop/toPro_details?did=${shop.id}">${shop.title}</a>
						</div>
					</li>
				</#list>
				</ul>
			</div>
			<!--最新产品   isHot==1 -->
			<div class="latest_pro">
				<div>
					<div class="title">
						<h3>最新产品1</h3>
						<h4>latest product</h4></div>
					<div class="product">
						<a href="${ctx}/customer/shops/toShopList"><img src="${ctx}/img/latest_pro_left.jpg" alt="" /></a>
						<ul>
							<#list shops1 as shop1>
								<li>
									<a href="${ctx}/customer/shop/toPro_details?did=${shop1.id}"><img src="${ctx}/img/upload/${shop1.image}" alt=""/></a>
									<h5><a href="${ctx}/customer/shop/toPro_details?did=${shop1.id}">${shop1.title}</a></h5>
								</li>
							</#list>
						</ul>
					</div>
				</div>
			</div>
			<!--热门产品    isHot==2 -->
			<div class="best_sell_pro">
				<div class="title">
					<h3>热门产品2</h3>
					<h4>latest product</a></div>
				<ul>
				<#list shops2 as shop2>
					<li>
						<a href="${ctx}/customer/shop/toPro_details?did=${shop2.id}"><img src="${ctx}/img/upload/${shop2.image}" alt="" /></a>
						<div>
							<h4><a href="${ctx}/customer/shop/toPro_details?did=${shop2.id}">${shop2.title}</a></h4>
							<span>月销量5572</span><br />
							<span>累计评价19016</span>
							<p class="price">￥${shop2.price}</p>
						</div>
					</li>
				</#list>
				</ul>
			</div>
			<!--推荐产品  isHot==3 -->
			<div class="recommend_pro">
				<div>
					<div class="title">
						<h3>推荐产品3</h3>
						<h4>latest product</a></div>
					<div class="product">
						<a href="${ctx}/customer/shops/toShopList"><img src="${ctx}/img/recommend_pro_left.jpg" alt="" /></a>
							<ul>
								<#list shops3 as shop3>
									<li>
										<a href="${ctx}/customer/shop/toPro_details?did=${shop3.id}"><img src="${ctx}/img/upload/${shop3.image}" alt="" /></a>
										<h5><a href="${ctx}/customer/shop/toPro_details?did=${shop3.id}">${shop3.title}</a></h5>
									</li>
								</#list>
						</ul>
					</div>
				</div>
			</div>
			<!--爆款热门产品  isHot==4 -->
			<div class="hot_cake_pro">
				<div class="title">
					<h3>爆款热门产品4</h3>
					<h4>latest product</h4></div>
				<div class="sales_best">
					<div class="sub_title">
						<h2>销量第一4.1</h2>
						<p>专属于你的购物指南</p>
					</div>
					<ul>
						<#list shops4 as shop4>
							<li>
								<a href="${ctx}/customer/shop/toPro_details?did=${shop4.id}"><img src="${ctx}/img/upload/${shop4.image}" alt="" width="299px" height="200"/>
								<div>
									<h5><a href="${ctx}/customer/shop/toPro_details?did=${shop4.id}">${shop4.title}</a></h5>
									<span>月销量5572</span>
									<p class="price">￥${shop4.price}</p>
								</div>
								</a>
							</li>
						</#list>
					</ul>
				</div>
				<div class="evaluate_best">
					<div class="sub_title">
						<h2>评价第一4.2</h2>
						<p>专属于你的购物指南</p>
					</div>
					<ul>
					<#list shops5 as shop5>
						<li>
							<a href="${ctx}/customer/shop/toPro_details?did=${shop5.id}"><img src="${ctx}/img/upload/${shop5.image}" alt="" /></a>
							<div>
								<h5><a href="${ctx}/customer/shop/toPro_details?did=${shop5.id}">${shop5.title}</a></h5>
								<span>月销量5572</span>
								<p class="price">￥${shop5.price}</p>
							</div>
						</li>
					</#list>
					</ul>
				</div>
			</div>
		</div>
		<#include "common/bottom.html">
		<script type="text/javascript" src="${ctx}/js/bannerLeft.js"></script>
	</body>

</html>